// 洗衣机轮播图
var xiyiji=document.getElementById("xiyiji");
var xiyiji1=xiyiji.querySelector(".xiyiji1");
var san=xiyiji.querySelectorAll(".xiyiji1>li");
var jiantou=xiyiji.querySelectorAll(".jiantou");
var len=san.length-1;
var diansun=xiyiji.querySelectorAll(".diandian span")
// console.log(xiyiji);
// console.log(xiyiji1);
// console.log(san[0]);
var i=0;
jiantou[1].onclick=function(){
	i++
	if(i>len){
		i=0;
	}
	xiyiji1.style.left=-i*560+"px"
	for(var x=0;x<diansun.length;x++){
		diansun[x].className="";
		diansun[i].className="on"
	}
}
jiantou[0].onclick=function(){
	i--
	if(i<0){
		i=len
	}
	xiyiji1.style.left=-i*560+"px"
	for(var x=0;x<diansun.length;x++){
		diansun[x].className="";
		diansun[i].className="on"
	}
}
setInterval(function(){
	jiantou[1].onclick()
},3000)
for(var y=0;y<diansun.length;y++){
	diansun[y].onclick=function(){
		var index=this.getAttribute("index")
		for(var x=0;x<diansun.length;x++){
			diansun[x].className="";
			this.className="on"
		}
		i=index;
		xiyiji1.style.left=-(index*560) +'px';
	}
}
//长图点击事件
var xiaqin=document.querySelector(".l2");
var xia=xiaqin.querySelectorAll('a[href="javrscript:;"]');
var z0=document.querySelector(".z0");
var z1=document.querySelector(".z1");
var z2=document.querySelector(".z2");
// console.log(z0)
// for(var p=0;p<xia.length;p++){
// 	xia[p].onclick=function(){
		// 循环绑定点击事件未完成
// 	}
// }
xia[0].onclick=function(){
	z0.style.display="block";
	// this.style.color="orange"
	z1.style.display="none";
	z2.style.display="none";
}
xia[1].onclick=function(){
	z0.style.display="none";
	z1.style.display="block";
	// this.style.color="orange"
	z2.style.display="none";
}
xia[2].onclick=function(){
	z0.style.display="none";
	z1.style.display="none";
	z2.style.display="block";
	// this.style.color="orange"
}
//吸附效果
var e7=document.querySelector(".e7");
//求绝对距离的方法
function getPos(ele){
      // 保存绝对距离的计数器
      var l=0;//21+21=42+8
      var t=0;//21+21=42+8
      // 可以通过while循环来迭代分阶段求
      // 假设该元素的定位父级还在，则循环成立，直到null
      while(ele.offsetParent){
        // 该元素到定位父级的距离+定位父级的边框
        l+=ele.offsetLeft+ele.offsetParent.clientLeft;
        t+=ele.offsetTop+ele.offsetParent.clientTop;
        // 将元素迭代变成元素的定位父级，再求下一段
        ele=ele.offsetParent;
      }
      // 将求得的结果返回出去
      return {
        left:l,
        top:t
      }
    }
var tp=getPos(e7).top;
// console.log(tp);
//获取滚动条滚动的距离
document.body.onscroll=function(){
      // 获取当前滚动的距离
      var top=document.documentElement.scrollTop;
      if(top>=tp){
        e7.className="e7 xifu";
      }else{
        e7.className="e7";
      }
    }
